@import './common.less';

.result-page {
  .full-screen();
  background: @bg-color;
  .scrollable();
  .content {
    background: white;
    padding: 94/@ppr 0 60/@ppr 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    .icon {
      width: 188/@ppr;
      height: auto;
    }
    .title {
      margin-top: 30/@ppr;
      color: rgb(46, 46, 54);
      font-size: 40/@ppr;
      font-weight: bold;
    }
    .text {
      color: rgb(153, 153, 153);
      font-size: 32/@ppr;
      text-align: center;
      margin-top: 26/@ppr;
      margin-bottom: 42/@ppr;
    }
    .order-view {
      .shawdow(rgba(0, 0, 0, 0.3), 116deg, 2px, 0, 5px);
      box-shadow: @shawdow;
      align-self: stretch;
      margin: 61/@ppr 40/@ppr 0 40/@ppr;
      border-radius: 12/@ppr;
      border: 1px solid rgb(210, 211, 216);
      padding: 0 44/@ppr;
      .order-header {
        height: 88/@ppr;
        text-align: center;
        line-height: 88/@ppr;
        .hairline(bottom, rgb(210, 211, 216));
        color: rgb(46, 46, 54);
        font-size: 30/@ppr;
        font-weight: bold;
      }
      .order-body {
        padding-top: 18/@ppr;
        padding-bottom: 44/@ppr;
        .text-row {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: center;
          margin-top: 20/@ppr;
          font-size: 26/@ppr;
          color: rgb(92, 92, 92);
          .row-value {
            color: rgb(46, 46, 54);
          }
        }
      }
    }
    .action-btn {
      height: 72/@ppr;
      width: 300/@ppr;
      text-align: center;
      line-height: 72/@ppr;
      border-radius: 36/@ppr;
      border: 1px solid rgb(219, 219, 223);
      color: rgb(140, 140, 148);
      font-size: 28/@ppr;
      margin-top: 58/@ppr;
      &.active {
        .directional-gradient(rgb(255, 89, 88), rgb(255, 143, 77), 45deg);
        color: white;
        border: none;
      }
    }
    .coupon-icon {
      margin-top: 60/@ppr;
      width: 690/@ppr;
      height: auto;
    }
  }
}
